import QtQuick 1.0
import "../Models"
import "../Delegates"
import "../Util/Util.js" as Util

//メニュー

Rectangle {
    id: _root
    x: 0
    y: 0
    radius: 5
    gradient: Gradient {
        GradientStop {
            position: 0
            color: "#040240"
        }

        GradientStop {
            position: 1
            color: "#000a16"
        }
    }
    border.width: 2
    border.color: "#6bcbf7"


    property alias model: _list.model
    signal clicked(int index)    //クリックイベント

    ListView {
        id: _list
        anchors.fill: parent
        anchors.topMargin: 4
        anchors.leftMargin: 4
        anchors.bottomMargin: 4
        anchors.rightMargin: 4

        delegate: DelegateContext {
            id: _delegate
            itemIndex: _index
            itemTitle: _title

            Component.onCompleted: {
                _root.width = _delegate.width + 10;
                _root.height = _delegate.height * _list.count + 10;
            }

            onClicked: {
                _root.clicked(itemIndex);
            }
        }
    }


    //領域外にコンテキストがはみ出るなら調整する
    function adjustX(x){
        if((x + width) <= parent.width){
            //はみ出ない
        }else{
            //はみ出てる
            x = parent.width - width - 5;
            if(x < 0){
                x = 0;
            }
        }
        return x;
    }
    function adjustY(y){
        if((y + height) <= parent.height){
            //はみ出ない
        }else{
            //はみ出てる
            y = parent.height - height - 5;
            if(y < 0){
                y = 0;
            }
        }
        return y;
    }
}

